.main{
    height: calc(100vh - 150px);
    overflow-y: auto;
    padding: 0 30px;
}
/* 滚动条样式 */
.main::-webkit-scrollbar {
    width: 4px; /*  设置纵轴（y轴）轴滚动条 */
    height: 4px; /*  设置横轴（x轴）轴滚动条 */
    
}
/* 滚动条滑块（里面小方块） */
.main::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: transparent;
}
/* 滚动条轨道 */
.main::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent;
}

/* hover时显色 */
.main:hover::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
}
.main:hover::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
}

.wrapper{
    
    padding:6px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
    display: flex;

    .title{
        flex:auto;
        line-height: 2; // line-height: 2; 等价于 line-height: 200%，即行高等于 font-size 本身的大小。
    }

    .selected{
        color: #1890ff;
    }

    .handler{
        width: 50px;
        text-align: end;

        .btn{
            opacity: .2;
        }
    }

    &:hover{
        .handler{
            .btn{
                opacity: 1;
            }
        }
    }
}